// 引入公共组件header的样式
import './header.css';
// 从utils中引入Scroll类
import Scroll from 'utils';

const CHANGED_CLASS_NAME='header-transition';

class Header {
    constructor(el,critical_point,scrollContainer,eventEl=scrollContainer){
        this.el=el;
        // 创建新的Scroll类，options参数中的change属性为调用Header类的add方法；reset属性为调用Header类的remove方法
        new Scroll(critical_point,scrollContainer,eventEl,{
            change:()=>{this.add()},
            reset:()=>{this.remove()},
        })
    }
    // add方法，给el属性添加CHANGED_CLASS_NAME class名
    add(){
        this.el.classList.add(CHANGED_CLASS_NAME);
    }
   // remove方法，给el属性移除CHANGED_CLASS_NAME class名
    remove(){
        this.el.classList.remove(CHANGED_CLASS_NAME);
    }
}
// 导出Header类
export default Header;